<template>
	<div class="shop_box">
		<!-- banner开始 -->
		<div class="pc">
			<div class="banner">
				<div class="block">
					<el-carousel trigger="click">
						<el-carousel-item>
							<el-image style="width: 100%; height: 100%" :src="require('@/assets/image/pc_banner.jpg')"
								fit="fill" @click='goPage("/referral")'></el-image>
						</el-carousel-item>
					</el-carousel>
				</div>
			</div>
			<div class="pc_writer">
				<div style="margin: auto">
					<ipSwiper></ipSwiper>
				</div>
			</div>
			<div class="testProduct_pc_categoryListBox_28SDy">
				<div class="testProduct_pc_categoryListBox-item_1wQcD itemBox-animate"
					v-for="item of shopNavList.slice(0, 6)" :key="item.goods_category_id" @click="getGoodslist1(item)">
					<img :src="'https://mottecommerce.com/' + item.icon" class="testProduct_pc_icon_3GUHF" /><br />
					<p class="testProduct_pc_text_z1ONv">
						{{ $i18n.locale == "en-US" ? item.nameEn : item.nameZh }}
					</p>
				</div>
			</div>
			<div class="testProduct_pc_content_2tBGA">
				<div class="testProduct_pc_content-sortBox_NuUed clear">
					<el-tooltip placement="bottom" effect="light">
						<span class="el-tooltip testProduct_pc_sortRightBox_22oS-" aria-describedby="el-tooltip-139"
							tabindex="0">
							{{ $t("shop.new") }} <i class="caret"></i><span class="line"></span>
						</span>
						<div slot="content" class="s_item">
							<img v-if="this.Oldest"
								src="" /><span
								@click="Oldest1">{{ $t("shop.Oldest") }}</span><br />
							<img v-if="this.Newest"
								src="" /><span
								@click="Newest1">{{ $t("shop.Newest") }}</span>
						</div>
					</el-tooltip>
					<el-tooltip placement="bottom" effect="light">
						<span class="el-tooltip testProduct_pc_sortRightBox_22oS-" aria-describedby="el-tooltip-6973"
							tabindex="0">
							{{ $t("shop.price") }} <i class="caret"></i><span class="line"></span>
						</span>
						<div slot="content" class="s_item" v-for="item in priceList" :key="item.id"
							@click="filter2(item)">
							<img v-if="filterId2 == item.id"
								src="" />
							<span>￥{{ item.price1
                }}<span v-show="item.id < 5">{{ $t("shop.price1") }}</span>￥{{ item.price2 }}</span><br />
						</div>
					</el-tooltip>
					<el-tooltip placement="bottom" effect="light">
						<span class="el-tooltip testProduct_pc_sortRightBox_22oS-" aria-describedby="el-tooltip-3575"
							tabindex="0">
							{{ $t("shop.rebates") }} <i class="caret"></i><span class="line"></span>
						</span>
						<div slot="content" class="s_item" v-for="item in priceList" :key="item.id"
							@click="filter(item)">
							<img v-if="filterId == item.id"
								src="" />
							<span>￥{{ item.price1
                }}<span v-show="item.id < 5">{{ $t("shop.price1") }}</span>￥{{ item.price2 }}</span><br />
						</div>
					</el-tooltip>
				</div>
				<div class="testProduct_pc_content-productBox_ZE_ev">
					<div class="box8">
						<div class="testProduct_pc_productWrap_1VD0L" v-for="item of filtterList" :key="item.id"
							@click="godetali(item)">
							<div class="page">
								<div class="productBox itemBox-animate">
									<!----><img :src="'https://mottecommerce.com/' + item.image" class="img" />
									<p class="title van-multi-ellipsis--l3">
										{{ item.title }}
									</p>
									<div class="priceBox">
										<span class="price">￥{{ item.price }}</span>
									</div>
									<div class="bottomBtn">{{ $t("shop.addCart") }}</div>
								</div>
							</div>
						</div>
					</div>

					<!---->
				</div>

				<div class="pagetionPage">
					<div v-show="searchIsShow">
						<img style="width: 100%"
							src="https://mottecommerce.com//common/static/index/img2/More-coming-soon_04.d72f848a.jpg"
							alt="" />
					</div>

					<div v-show="!searchIsShow" class="commonPage_pageBox_1h70f">
						<span class="totalTxt" style="color: rgb(102, 102, 102); font-size: 16px">
							{{ $t("shop.total") }} {{ totalPage }}</span><span
							class="commonPage_maxLeft_1jIGN commonPage_pageImg_1fRkC pageClick--none"></span><span
							class="commonPage_left_1mIUU commonPage_pageImg_1fRkC pageClick--none"
							:class="shopPage > 1 && 'active2'" @click="prevPage"></span>
						<div class="el-input commonPage_pageInput_1Hfz1">
							<el-input v-model="shopPage"></el-input>
						</div>
						<span class="commonPage_right_1BAPk commonPage_pageImg_1fRkC pageClick--none" @click="nextPage"
							:class="shopPage < totalPage && 'active3'"></span><span
							class="commonPage_maxRight_3_ZWL commonPage_pageImg_1fRkC pageClick--none"></span>
					</div>
				</div>
			</div>
		</div>

		<div class="iphone">
			<main class="mainPage_mb_content_2ozs2">
				<div id="pageBox" class="testProduct" pagecurrentscrolltop="0">
					<header class="index_swiperBanner_3YytL">
						<div class="ip_banner">
							<van-swipe class="my-swipe" indicator-color="white">
								<van-swipe-item class="swiper_img">
									<van-image :src="require('@/assets/image/ip_banner.jpg')" fit="contain"
										@click='goPage("/referral")' />
								</van-swipe-item>
							</van-swipe>
						</div>
					</header>
					<ip-swiper />
				</div>
				<div class="i_nav">
					<van-dropdown-menu active-color="#ff7f3b">
						<van-dropdown-item v-model="value" :options="option" />
						<van-dropdown-item :title="this.$t('shop.Category')" ref="item">
							<div class="category">
								<div class="c_item" v-for="item in shopNavList" :key="item.goods_category_id"
									@click="getGoodslist(item)">
									<img class="icon" :src="'https://mottecommerce.com/' + item.icon" alt="" />
									<div class="text">
										{{ $i18n.locale == "en-US" ? item.nameEn : item.nameZh }}
									</div>
									<img v-if="item.id == goods_category_id" class="close"
										src="../../assets/image/取消.png" alt="" />
								</div>
								<div class="option">
									<span class="reset">{{ $t("shop.Reset") }}</span>
									<van-button round type="info" size="mini" @click="
                      determine();
                      onConfirm();
                    ">{{ $t("shop.Done") }}</van-button>
								</div>
							</div>
						</van-dropdown-item>

						<van-dropdown-item :title="this.$t('shop.Filter')" ref="item2" @open="open">
						</van-dropdown-item>
					</van-dropdown-menu>
				</div>

				<van-list v-model="loading" :finished="finished"
					:finished-text="this.$i18n.locale == 'en-US' ? 'no more' : 'もういや'" @load="onLoad" offset="0"
					:immediate-check="load">
					<div class="index_productList_2R10R">
						<div role="feed" class="van-list">
							<div class="productItem" v-for="item in filtterList" :key="item.goods_id"
								@click.stop="godetali(item)">
								<div class="productItem_box_z4MqD">
									<span
										class="productItem_productTag_2Cy44 productItem_productTag--hot_wNLk9">HOT</span>
									<img :src="'https://mottecommerce.com/' + item.image"
										class="productItem_img_1ZHbv" />
									<div class="productItem_titleBox_z8MeH">
										<div class="productItem_tag_1uHV2">
											<img src="../../assets/image/shop_title.png" />
										</div>
										<p class="productItem_title_29euL van-multi-ellipsis--l2">
											{{ item.title }}
										</p>
										<p class="productItem_priceBox_1Hxin">
											<span class="productItem_price_39nBv">￥0</span><span
												class="productItem_priceSub__xP-K">￥{{ item.price }}</span>
										</p>
										<span class="productItem_cashback_2MKHR"><span>
												{{ $t("shopD.Back") }}</span></span>
										<div class="productItem_cart_W5Pad" @click.stop="gocart(item)">
											<img
												src="" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</van-list>
			</main>
		</div>
		<van-popup v-model="show2">
			<div class="commonDialogSlot_deletBox_1Tm2F" style="width: 16.8rem">
				<div class="commonDialogSlot_deletIconBox_2ErC-">
					<i @click="closeicon2"></i>
				</div>
				<div class="commonDialogSlot_content_1izEx">
					<div class="applyNote_noteBox_2jbMe">
						<p class="applyNote_noteTitle_1A5Ee">{{ $t("shopD.Note") }}:</p>
						<p class="applyNote_noteTxt_1EMpQ">
							① {{ $t("shopD.applying") }},
							<span class="applyNote_primary-colorTxt_FMupd">{{
                $t("shopD.deducted")
              }}</span>,{{ $t("shopD.rate") }}.
						</p>
						<p class="applyNote_noteTxt_1EMpQ">
							②{{ $t("shopD.use") }}
							<span class="applyNote_primary-colorTxt_FMupd">
								{{ $t("shopD.gift") }}</span>
							{{ $t("shopD.and") }}
							<span class="applyNote_primary-colorTxt_FMupd">
								{{ $t("shopD.coupons") }}</span>.
						</p>
						<p class="applyNote_noteTxt_1EMpQ">
							③ {{ $t("shopD.within") }}.
							<span class="applyNote_primary-colorTxt_FMupd">4 {{ $t("shopD.hours") }}</span>.
						</p>
					</div>
					<div class="applyNote_footerBtn_16Rj5">
						<span @click="closeicon2">{{ $t("shopD.cancel") }}</span><span
							@click="addGoodsShopCard">{{ $t("shopD.confirm") }}</span>
					</div>
				</div>
			</div>
		</van-popup>
		<van-popup v-model="show4">
			<div class="commonDialogSlot_deletBox_1Tm2F" style="width: 16.8rem">
				<div class="commonDialogSlot_deletIconBox_2ErC-">
					<i @click="closeicon4"></i>
				</div>
				<div class="commonDialogSlot_content_1izEx">
					<div class="title">{{ $t("shopD.Added") }}!</div>
					<div class="money">
						<img
							src="" /><span>{{ this.currentItem.price }}</span>
					</div>
					<div class="hint">{{ $t("shopD.Balance") }}！</div>
					<div class="note">
						<span> {{ $t("shopD.within1") }}.</span>
						,{{ $t("shopD.closed") }}.
					</div>
					<div>
						<button class="btn-no" @click="closeicon4">
							{{ $t("shopD.AddMore") }}</button><button class="btn-yes" @click="goPage('/application')">
							{{ $t("shopD.Check") }}
						</button>
					</div>
				</div>
			</div>
		</van-popup>
		<van-popup v-model="flag" style="height: 100%; width: 80%" position="right">
			<div class="filter-body">
				<div class="header">
					<img @click="close" src="../../assets/image/取消.png" />
					{{ $t("shop.Filter") }}
				</div>
				<div class="body">
					<div class="tag">
						<div class="label">{{ $t("shop.Tag") }}</div>
						<div class="content">
							<div :class="[
                  noselect,
                  goods_category_id2 == item.id ? 'selected' : '',
                ]" v-for="item in tagList" :key="item.id" @click="tagitem(item)">
								<span> {{ item.name }}</span>
								<img v-show="item.id == goods_category_id2"
									src=""
									class="close" />
							</div>
						</div>
					</div>
					<div class="divider"></div>
					<div class="category1">
						<div class="label">{{ $t("shop.Category") }}</div>
						<div class="content">
							<div :class="[
                  noselect,
                  goods_category_id == item.id ? 'selected' : '',
                ]" v-for="item in shopNavList" :key="item.id" @click="click2(item)">
								<span>{{$i18n.locale == "en-US" ? item.nameEn : item.nameZh  }}</span><img
									v-show="item.id == goods_category_id"
									src=""
									class="close" />
							</div>
						</div>
					</div>
					<div class="divider"></div>
					<div class="price">
						<div class="label">{{ $t("shop.Price") }}</div>
						<input type="number" placeholder="Min" v-model="minP" /><span>
							- </span><input type="number" placeholder="Max" v-model="maxP" />
					</div>
				</div>
				<div class="footer">
					<div class="total">
						<div>
							<div class="count">{{shopTotalNum}}</div>
							<div class="tag">{{ $t("shop.products") }}</div>
						</div>
					</div>
					<div class="reset">
						<span>{{ $t("shop.Reset") }}</span>
					</div>
					<div class="done" @click="determine()">
						<span>{{ $t("shop.Done") }}</span>
					</div>
				</div>
			</div>
		</van-popup>

		<van-popup v-model="show">
			<div class="commonDialogSlot_deletBox_1Tm2F">
				<div class="commonDialogSlot_deletIconBox_2ErC">
					<i @click="show = false"></i>
				</div>
				<div class="commonDialogSlot_content_1izEx">
					<span>{{ $t("shopD.Please") }}
						<span style="color: red">{{ $t("shopD.Please2") }}</span>{{ $t("shopD.Please3") }}</span><span
						class="goApplicationBtn" @click="goPage('/application')">{{
            $t("shopD.applications")
          }}</span>
				</div>
			</div>
		</van-popup>
		<my-footer />
	</div>
</template>

<script>
	import myFooter from "../../components/my-footer/my-footer";
	import ipSwiper from "../../components/ip-swiper/ipSwiper";
	export default {
		data() {
			return {
				value: 0,
				switch1: false,
				show: false,
				show2: false,
				show3: false,
				show4: false,
				switch2: false,
				loading: false,
				finished: false,
				flag: false,
				Oldest: false,
				Newest: false,
				load: false,
				screenWidth: "",
				tag: "",
				size: 25,
				shopPage: 1,
				option: [{
						text: this.$t("shop.Sort"),
						value: 0,
					},
					{
						text: this.$t("shop.Most"),
						value: 1,
					},
					{
						text: this.$t("shop.Old"),
						value: 2,
					},
					{
						text: this.$t("shop.New1"),
						value: 3,
					},
					{
						text: this.$t("shop.High"),
						value: 4,
					},
					{
						text: this.$t("shop.Low"),
						value: 5,
					},
				],
				shopNavList: [],
				filterId: 0,
				filterId2: 0,
				minCommission: "",
				maxCommission: "",
				minPrice: "",
				maxPrice: "",
				minP: "",
				maxP: "",
				goodsDetailList: [],
				filtterList: [],
				shopTotalNum: 0,
				totalPage: "",
				goods_id: "",
				price3: "",
				goods_category_id: 0,
				goods_category_id2: 0,
				noselect: "item",
				searchShopList: "", //存储搜索的数据
				searchIsShow: false, //根据是否能查询到数据进行显示和隐藏
				priceList: [{
						price1: "0",
						price2: "10",
						id: 1,
					},
					{
						price1: "10",
						price2: "20",
						id: 2,
					},
					{
						price1: "20",
						price2: "30",
						id: 3,
					},
					{
						price1: "30",
						price2: "50",
						id: 4,
					},
					{
						price1: "50",
						price2: this.$t("shop.price2"),
						id: 5,
					},
				],
				tagList: [{
						id: 1,
						name: this.$t("shop.New"),
					},
					{
						id: 2,
						name: this.$t("shop.Popular"),
					},
					{
						id: 3,
						name: this.$t("shop.review"),
					},
				],
				currentItem: {},
			};
		},
		methods: {
			chnageChaneg() {
				// 接收搜索的事件总线
				this.$bus.on("searchShopChange", (obj) => {
					this.$loading();
					this.$axios({
						url: "index/reviewTask/reviewTasks",
						method: "get",
						params: {
							size: this.size,
							current: 1,
							descs: "createdTime",
							isPC: true,
							countryCode: "US",
							supportedChannel: 3,
							...obj,
						},
					}).then((res) => {
						console.log("我是shop");
						console.log(res);
						this.filtterList = res.data.records;
						this.shopTotalNum = res.data.total;
						this.totalPage = res.data.pages;
						if (res.data.pages == 0) {
							console.log("获取不到数据");
							this.searchIsShow = true;
						} else {
							this.searchIsShow = false;
						}
					});
				});
			},
			tagitem(item10) {
				this.goods_category_id2 = item10.id;
				switch (this.goods_category_id2) {
					case 1:
						this.tag = "new";
						break;
					case 2:
						this.tag = "popular";
						break;
					case 3:
						this.tag = "noReview";
						break;
				}
			},
			closeicon2() {
				this.show2 = false;
			},
			showPopup3() {
				this.show4 = true;
				this.closeicon2();
			},
			closeicon4() {
				this.show4 = false;
			},
			gocart(item) {
				this.show2 = true;
				this.currentItem = item;
			},
			goPage(path) {
				this.$router.push(path);
			},
			onConfirm() {
				this.$refs.item.toggle();
			},
			godetali(item1) {
				console.log(item1);
				this.goods_id = item1.id;
				this.$router.push({
					path: "shopdetail",
					query: {
						id: this.goods_id,
					},
				});
			},
			click2(item7) {
				this.goods_category_id = item7.id;
			},
			getGoodslist(item2) {
				this.goods_category_id = item2.id;
			},
			getGoodslist1(item3) {
				this.goods_category_id = item3.id;
				this.$loading();
				this.$axios({
					url: "/index/reviewTask/reviewTasks",
					method: "get",
					params: {
						size: this.size,
						current: this.shopPage,
						supportedChannel: 3,
						categoryId: this.goods_category_id,
					},
				}).then((res1) => {
					if (res1.data.pages == 0) {
						console.log("获取不到数据");
						this.searchIsShow = true;
					} else {
						this.searchIsShow = false;
					}

					this.$Toastclear();
					this.filtterList = res1.data.records;
					this.shopTotalNum = res1.data.total;
					this.totalPage = res1.data.pages;
				});
			},
			determine() {
				this.$loading();
				this.loading = false;
				this.shopPage = 1;
				this.flag = false;
				this.$axios({
					url: "/index/reviewTask/reviewTasks",
					method: "get",
					params: {
						size: this.size,
						current: this.shopPage,
						supportedChannel: 3,
						categoryId: this.goods_category_id,
						tag: this.tag,
						minPrice: this.minP,
						maxPrice: this.maxP,
						descs: "popular",
					},
				}).then((res1) => {
					if (res1.data.pages == 0) {
						console.log("获取不到数据");
						this.searchIsShow = true;
					} else {
						this.searchIsShow = false;
					}

					this.$Toastclear();
					this.filtterList = res1.data.records;
					this.shopTotalNum = res1.data.total;
					this.totalPage = res1.data.pages;
				});
			},
			close() {
				this.flag = false;
			},
			open() {
				this.flag = true;
			},
			onLoad() {
				if (this.shopPage < this.totalPage) {
					this.shopPage += 1;
					this.$axios({
						url: "/index/reviewTask/reviewTasks",
						method: "get",
						params: {
							size: this.size,
							current: this.shopPage,
							supportedChannel: 3,
							minPrice: this.minPrice,
							maxPrice: this.maxPrice,
							minCommission: this.minCommission,
							maxCommission: this.maxCommission,
							minPrice: this.minP,
							maxPrice: this.maxP,
						},
					}).then((res1) => {
						let filtterList2 = res1.data.records;
						this.shopTotalNum = res1.data.total;
						this.filtterList = this.filtterList.concat(filtterList2);
						this.totalPage = res1.data.pages;
						this.loading = false;
					});
				} else {
					this.finished = true;
				}
			},
			prevPage() {
				if (this.shopPage > 1 && this.shopPage <= this.totalPage) {
					this.shopPage -= 1;
					this.filtterList = [];
					this.$loading();
					this.$axios({
						url: "/index/reviewTask/reviewTasks",
						method: "get",
						params: {
							size: this.size,
							current: this.shopPage,
							supportedChannel: 3,
						},
					}).then((res1) => {
						if (res1.data.pages == 0) {
							console.log("获取不到数据");
							this.searchIsShow = true;
						} else {
							this.searchIsShow = false;
						}
						this.$Toastclear();
						console.log(res1);
						this.filtterList = res1.data.records;
						this.shopTotalNum = res1.data.total;
						this.totalPage = res1.data.pages;
					});
				} else {
					this.shopPage = this.totalPage;
				}
			},
			// 下一页
			nextPage() {
				if (this.totalPage > this.shopPage && this.shopPage >= 1) {
					this.filtterList = [];
					this.shopPage++;
					this.$loading();
					this.$axios({
						url: "/index/reviewTask/reviewTasks",
						method: "get",
						params: {
							size: this.size,
							current: this.shopPage,
							supportedChannel: 3,
						},
					}).then((res3) => {
						this.$Toastclear();
						if (this.filtterList.length) {
							this.showToast("no data", "データなし");
							this.shopPage += 1;
							return;
						}
						this.filtterList = res3.data.records;
						this.shopTotalNum = res3.data.total;
					});
				} else if (this.shopPage < 1) {
					this.shopPage = 1;
				} else {
					this.showToast("There is no next page", "次のページがない");
				}
			},
			filter(item8) {
				this.$loading();
				this.filterId = item8.id;
				this.minCommission = item8.price1;
				this.maxCommission = item8.price2;
				this.$axios({
					url: "/index/reviewTask/reviewTasks",
					method: "get",
					params: {
						size: this.size,
						current: this.shopPage,
						supportedChannel: 3,
						minCommission: this.minCommission,
						maxCommission: this.maxCommission,
					},
				}).then((res1) => {
					this.$Toastclear();
					if (res1.data.pages == 0) {
						console.log("获取不到数据");
						this.searchIsShow = true;
					} else {
						this.searchIsShow = false;
					}
					this.filtterList = res1.data.records;
					this.shopTotalNum = res1.data.total;
					this.totalPage = res1.data.pages;
				});
			},
			filter2(item8) {
				console.log(item8);
				this.$loading();
				this.filterId2 = item8.id;
				this.minPrice = item8.price1;
				this.maxPrice = item8.price2;
				this.$axios({
					url: "/index/reviewTask/reviewTasks",
					method: "get",
					params: {
						size: this.size,
						current: this.shopPage,
						supportedChannel: 3,
						minPrice: this.minPrice,
						maxPrice: this.maxPrice,
					},
				}).then((res1) => {
					this.$Toastclear();
					if (res1.data.pages == 0) {
						console.log("获取不到数据");
						this.searchIsShow = true;
					} else {
						this.searchIsShow = false;
					}
					this.filtterList = res1.data.records;
					this.shopTotalNum = res1.data.total;
					this.totalPage = res1.data.pages;
				});
			},
			Oldest1() {
				this.Oldest = !this.Oldest;
				this.Newest = false;
				this.$loading();
				this.$axios({
					url: "/index/reviewTask/reviewTasks",
					method: "get",
					params: {
						size: this.size,
						current: this.shopPage,
						supportedChannel: 3,
						minPrice: this.minPrice,
						maxPrice: this.maxPrice,
						minCommission: this.minCommission,
						maxCommission: this.maxCommission,
						ascs: "createdTime",
					},
				}).then((res1) => {
					this.$Toastclear();
					if (res1.data.pages == 0) {
						console.log("获取不到数据");
						this.searchIsShow = true;
					} else {
						this.searchIsShow = false;
					}
					this.filtterList = res1.data.records;
					this.shopTotalNum = res1.data.total;
					this.totalPage = res1.data.pages;
				});
			},
			Newest1() {
				this.Newest = !this.Newest;
				this.Oldest = false;
				this.$loading();
				this.$axios({
					url: "/index/reviewTask/reviewTasks",
					method: "get",
					params: {
						size: this.size,
						current: this.shopPage,
						supportedChannel: 3,
						minPrice: this.minPrice,
						maxPrice: this.maxPrice,
						minCommission: this.minCommission,
						maxCommission: this.maxCommission,
						descs: "createdTime",
					},
				}).then((res1) => {
					this.$Toastclear();
					if (res1.data.pages == 0) {
						console.log("获取不到数据");
						this.searchIsShow = true;
					} else {
						this.searchIsShow = false;
					}
					this.filtterList = res1.data.records;
					this.shopTotalNum = res1.data.total;
					this.totalPage = res1.data.pages;
				});
			},
			getBannerImg() {
				this.$axios({
					url: "/banner/banner/init",
					method: "post"
				}).then(res => {
					console.log(res)
				})
			},
			// 将商品添加到任务列表  然后判断是否已经添加过
			async addGoodsShopCard() {
				try {
					await this.$tool.JudgeUserHasPurchased(this.currentItem.id);
				} catch {
					return;
				}
				if (!this.$tool.isJudgmentLoading()) return;
				this.$axios({
						url: `user/reviewTask/checkReceiveTask/id/${this.currentItem.id}?source=3`,
						method: "get",
					})
					.then((res) => {
						console.log(res);
						if (res.data.status == 10) {
							//已经添加过购物车了
							this.show = true;
							return Promise.reject();
						}
						return this.$axios({
							url: "user/order/addAppOrSiteOrder",
							method: "post",
							data: {
								reviewTaskId: res.data.reviewTaskId,
								source: 3,
							},
						});
					})
					.then((res) => {
						// 判断是否超出下单限制数量
						this.showPopup3();
						this.show2 = false;
						this.$tool.addCardSuccess()
						this.$store.dispatch("get_shop_cat_num");
					})
					.catch();
			},
		},
		mounted() {
			this.chnageChaneg();
			// this.getBannerImg()
			console.log(this.size);
		},
		beforeDestroy() {
			this.$bus.off("getGoodslist");
			this.$bus.off("searchShopChange");
		},
		created() {
			this.screenWidth = window.innerWidth;
			if (this.screenWidth < 900) {
				this.size = 10;
			}
			this.$axios({
				url: "/index/productCategory/search?status=1",
			}).then((res) => {
				this.shopNavList = res.data;
				this.shopNavList.unshift({
					nameZh: "ぜんよう",
					nameEn: "All",
					id: 0,
					icon: "/uploads/202012/14/all.png",
				});
			});
			this.$axios({
				url: "/index/reviewTask/reviewTasks",
				method: "get",
				params: {
					size: this.size,
					current: this.shopPage,
					supportedChannel: 3,
				},
			}).then((res1) => {
				if (res1.data.pages == 0) {
					console.log("获取不到数据");
					this.searchIsShow = true;
				} else {
					this.searchIsShow = false;
				}

				this.filtterList = res1.data.records;
				this.shopTotalNum = res1.data.total;
				this.totalPage = res1.data.pages;
			});
			this.$bus.on("getGoodslist", (data1) => {
				this.filtterList = [];
				this.$axios({
					url: "/index/reviewTask/reviewTasks",
					method: "get",
					params: {
						size: this.size,
						current: this.shopPage,
						supportedChannel: 3,
						categoryId: data1,
					},
				}).then((res1) => {
					this.$Toastclear();
					if (res1.data.pages == 0) {
						console.log("获取不到数据");
						this.searchIsShow = true;
					} else {
						this.searchIsShow = false;
					}
					this.filtterList = res1.data.records;
					this.shopTotalNum = res1.data.total;
					this.totalPage = res1.data.pages;
				});
			});
		},
		components: {
			myFooter,
			ipSwiper,
		},
		name: "shop",
	};
</script>

<style lang="scss" scoped>
	@media only screen and (max-width: 900px) {
		.pc {
			display: none;
			overflow: hidden;
		}
	}

	@media only screen and (min-width: 900px) {
		.iphone {
			display: none;
		}
	}

	.itemBox-animate:hover {
		box-shadow: 0 12px 17px -7px rgba(0, 0, 0, 0.3);
		transform: translateY(-10px);
	}

	.pc {
		overflow: hidden;

		.pc_name {
			margin-left: 20px;
		}
	}

	.banner {
		height: 400px;

		.block {
			height: 100%;
		}
	}

	.banner_img {
		width: 100%;
		height: 400px;
	}

	/deep/ .el-carousel__container {
		height: 400px;
	}

	.shop_box {
		width: 100%;
		background-color: #f5f5f5;

		.commonNewsList_newsList_aUwPL {
			pointer-events: none;
			background-color: #fff;
			margin: 20px auto;
			font-size: 16px;
			color: #595757;
			font-family: Roboto-Light;
		}

		.news-swipe {
			height: 50px;
			text-align: center;
			line-height: 30px;
			background: #fff;
		}

		.news-swipe {
			height: 50px;
			text-align: center;
			line-height: 30px;
			background: #fff;
		}

		.active2,
		.active3 {
			cursor: pointer;
		}

		.caret {
			display: inline-block;
			width: 2px;
			height: 2px;
			margin-left: 2px;
			vertical-align: middle;
			margin-right: 8px;
			border-top: 4px solid;
			border-right: 4px solid transparent;
			border-left: 4px solid transparent;
		}

		.line {
			width: 1px;
			height: 16px;
			background-color: rgb(159, 150, 141);
			display: inline-block;
			vertical-align: middle;
		}

		.commonNewsList_newsList-box__name_2nh9c {
			margin-top: 0.2rem;
			display: inline-block;
		}

		.commonNewsList_newsList-box__name_2nh9c .commonNewsList_bellIcon_3kiBN {
			width: 24px;
			height: 24px;
			vertical-align: middle;
			margin-right: 10px;
		}

		.testProduct_pc_categoryListBox_28SDy {
			width: 1400px;
			height: 152px;
			padding: 0;
			margin: 0 auto;
			background: #fff;
			overflow: hidden;
			display: flex;
		}

		.pc_writer {
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #fff;
			width: 80%;
			margin: 0 auto;
			margin-top: 40px;
			margin-bottom: 40px;

			.pc_sw {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 50px;

				.pc_item {
					display: flex;
					align-items: center;
					justify-content: center;

					img {
						width: 22px;
						height: 22px;
					}
				}
			}
		}

		.testProduct_pc_categoryListBox-item_1wQcD {
			background: transparent;
			flex: 1;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			transition: 0.3s all;
		}

		.testProduct_pc_categoryListBox-item_1wQcD .testProduct_pc_icon_3GUHF {
			height: 40px;
		}

		.testProduct_pc_categoryListBox-item_1wQcD .testProduct_pc_text_z1ONv {
			font-size: 16px;
			margin-top: 4px;
		}

		.testProduct_pc_content-sortBox_NuUed {
			padding-top: 15px;
			padding-bottom: 10px;
			width: 1400px;
			cursor: pointer;
			margin: 0 auto;
			padding-right: 20px;
			box-sizing: border-box;
			user-select: none;
		}

		.testProduct_pc_content-sortBox_NuUed .testProduct_pc_sortRightBox_22oS- {
			float: right;
			color: #999;
			margin-left: 10px;
			font-family: Roboto-Regular;
			outline: none;
		}

		.testProductPage .caret {
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: 2px;
			vertical-align: middle;
			border-top: 4px solid;
			margin-right: 8px;
			border-right: 4px solid transparent;
			border-left: 4px solid transparent;
		}

		.testProductPage .line {
			width: 1px;
			height: 16px;
			background-color: #9f968d;
			display: inline-block;
			vertical-align: middle;
		}

		.testProduct_pc_content-productBox_ZE_ev {
			box-sizing: border-box;
			width: 1400px;
			margin: 0 auto;
		}

		.box8 {
			width: 100%;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			overflow: hidden;
			margin: 0 auto;
		}

		.testProduct_pc_content-productBox_ZE_ev .testProduct_pc_productWrap_1VD0L {
			padding: 0 5px;
			display: inline-block;
			margin-top: 10px;
		}

		.productBox {
			border-radius: 10px;
			padding: 20px;
			border: 1px solid #e5e5e5;
			box-sizing: border-box;
			text-align: center;
			display: inline-block;
			position: relative;
			width: 260px;
			height: 326px;
			background: #fff;
			overflow: hidden;
			transition: 0.3s all;

			&:hover .bottomBtn {
				display: block;
			}
		}

		.productBox:hover .productBox .img {
			width: 140px;
			height: 140px;
		}

		.productBox .title {
			text-align: center;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			color: #858585;
			font-size: 14px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.productBox .priceBox {
			text-align: left;
		}

		.productBox .priceBox .price {
			color: #ff9517;
			font-size: 18px;
			vertical-align: middle;
		}

		.productBox .bottomBtn {
			display: none;
			font-family: Roboto-Bold;
			cursor: pointer;
			background: #ffaf53;
			border: none;
			width: 100%;
			height: 40px;
			line-height: 38px;
			font-size: 16px;
			margin-left: 0;
			color: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	}

	.bottomBtn:hover {
		background: #ff5900 !important;
	}

	.pagetionPage {
		width: 1400px;
		margin: 0 auto;
	}

	.commonPage_pageBox_1h70f {
		width: 450px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.totalTxt {
		margin-top: 10px;
	}

	.commonPage_pageImg_1fRkC {
		width: 50px;
		height: 46px;
		display: inline-block;
	}

	.commonPage_maxLeft_1jIGN {
		background: url("../../assets/image/left.png") no-repeat;
		cursor: not-allowed;
	}

	.commonPage_left_1mIUU {
		background: url("../../assets/image/前一页.png") no-repeat;
	}

	.commonPage_right_1BAPk {
		background: url("../../assets/image/下一页.png") no-repeat;
	}

	.commonPage_maxRight_3_ZWL {
		background: url("../../assets/image/right.png") no-repeat;
	}

	.active2 {
		background: url("../../assets/image/上一页hover.png") no-repeat !important;
	}

	.active3 {
		background: url("../../assets/image/下一页hover.png") no-repeat !important;
	}

	.active4 {
		cursor: not-allowed;
	}

	.commonPage_pageInput_1Hfz1 {
		width: 60px;
	}

	.pc-common-footer-join p {
		color: #fff;
		text-align: center;
		margin: 30px 0 20px;
	}

	.pc-common-footer-content-top-nav li:first-child span {
		border-left: none;
	}

	.pc-common-footer-content-top-nav li span {
		padding: 0 10px;
		border-left: 2px solid #000;
	}

	.pc-common-footer-content-logo-frends {
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 50px;
	}

	.pc-common-footer {
		width: 100%;
		min-width: 600px;
	}

	.pc-common-footer-join {
		background-color: #ff5900;

		font-size: 34px;
		text-align: center;
		overflow: hidden;
		padding-bottom: 30px;
	}

	.pc-common-footer-join button {
		width: 166px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		color: #ff5900;
		background-color: #fff;
		margin: 0 auto;
		border-radius: 25px;
		font-size: 22px;
	}

	.pc-common-footer-content {
		padding-top: 15px;
		min-width: 900px;
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
	}

	.pc-common-footer-content-top {
		display: flex;
		justify-content: space-between;
		padding: 0 3%;
		line-height: 60px;
	}

	.pc-common-footer-content-top-nav {
		display: flex;
		justify-content: center;
		cursor: pointer;
		align-items: center;
		margin: 50px auto;
	}

	.pc-common-footer-content-top-nav li {
		list-style: none;
	}

	.pc-common-footer-content-logo-frends {
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 50px;
	}

	a {
		text-decoration: none;
	}

	.pc-common-footer-content-bottom {
		border-color: #7d7d7d;
		color: #656565;
		padding: 30px;
		border-top: 1px solid #656565;
		text-align: center;
	}

	.pc-common-footer-content-bottom-info {
		text-align: center;
	}

	// iphone
	.iphone {
		width: 100%;
		height: 100%;
		background-color: #f5f5f5;
	}

	.mainPage_mb_content_2ozs2 {
		background: #f5f5f5;
		padding-bottom: calc(2.15rem + env(safe-area-inset-bottom));
		padding-bottom: calc(2.15rem + constant(safe-area-inset-bottom));
		-webkit-overflow-scrolling: touch;
	}

	.testProduct {
		min-height: 33.75rem;
		background: #f5f5f5;
	}

	.testProduct .banner-swipe {
		height: 14rem;
	}

	.testProduct .banner-swipe .van-swipe-item {
		color: #fff;
		height: 14rem;
		text-align: center;
	}

	.testProduct .banner-swipe .van-swipe-item>img {
		height: 14rem;
		width: 100%;
	}

	.commonNewsList_newsList_22xve {
		pointer-events: none;
		height: 2.5rem;
		margin: 0.6rem;
		margin-bottom: 0;
		font-size: 0.6rem;
		color: #595757;
		font-family: Roboto-Light;
		background: #fff;
	}

	.testProduct {
		min-height: 0rem;
		background: #f5f5f5;
	}

	.Written {
		display: flex;
		align-items: center;
		background-color: #fff;
		margin: 0 auto;
		margin-top: 15px;

		@media screen and (max-width: 900px) {
			width: 90%;
		}
	}

	.i_nav {
		margin-top: 15px;
	}

	/deep/.van-dropdown-menu__bar--opened {
		z-index: 0 !important;
	}

	.category {
		padding: 0.625rem 1.25rem 0.625rem 1.25rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		z-index: 1;
		position: relative;

		.c_item {
			width: 46%;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #ddd;
			margin-top: 0.6rem;
			height: 2rem;
			position: relative;

			.icon {
				width: 0.8rem;
				height: 0.8rem;
			}

			.text {
				margin-left: 0.5rem;
				font-size: 0.4rem;
			}

			.close {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 0.8rem;
				height: 0.8rem;
			}
		}

		.option {
			border-top: 1px solid #eee;
			padding: 0.3rem 0;
			margin-top: 0.6rem;
			width: 100%;
			display: flex;
			justify-content: space-between;

			.reset {
				line-height: 1.5rem;
				font-size: 0.65rem;
				color: #ff5900;
			}

			/deep/ .van-button--info {
				background-color: #ffaf5b;
				border: 1px solid #ffaf5b;
			}
		}
	}

	.commonDialogSlot_deletBox_1Tm2F .commonDialogSlot_content_1izEx {
		padding: 0.75rem 0.75rem 0.75rem 0.75rem;
		font-size: 0.775rem;
		color: #404040;
		text-align: center;
		line-height: 1rem;
	}

	.applyNote_noteBox_2jbMe {
		text-align: left;
		margin: 0.5rem;
	}

	.applyNote_noteTitle_1A5Ee {
		color: red;
		font-weight: 700;
	}

	.applyNote_noteTxt_1EMpQ {
		margin-top: 0.5rem;
		line-height: 1rem;
	}

	.applyNote_primary-colorTxt_FMupd {
		color: #ff5900;
	}

	.applyNote_footerBtn_16Rj5 {
		display: flex;
		padding-top: 0.5rem;
	}

	.applyNote_footerBtn_16Rj5>span:first-child {
		margin-right: 0.5rem;
		background: #ffaf52;
		height: 1rem;
		line-height: 1rem;
	}

	.applyNote_footerBtn_16Rj5>span {
		flex: 1;
		background: #ff5900;
		font-size: 0.7rem;
		color: #fff;
		padding: 0.5rem;
		border-radius: 0.1rem;
		height: 1rem;
		line-height: 1rem;
	}

	.productDetail_mb_productDetail_3tHku .productDetail_mb_bottomBox-center_1hQlX .productDetail_mb_points_3pinS {
		position: absolute;
		height: 0.7rem;
		line-height: 0.7rem;
		text-align: center;
		width: 0.7rem;
		background: red;
		top: -0.3rem;
		right: -0.3rem;
		border-radius: 50%;
		color: #fff;
		font-size: 0.1rem;
	}

	.title {
		font-size: 18px;
		color: #222;
		margin-bottom: 15px;
	}

	.money {
		margin: auto;
		margin-bottom: 8px;
	}

	.money img {
		width: 23px;
		height: 23px;
		margin-right: 5px;
	}

	.money span {
		line-height: 23px;
		color: #ea3539;
		font-size: 20px;
	}

	.hint {
		font-size: 13px;
		color: #444;
		margin-bottom: 14px;
	}

	.note {
		font-size: 13px;
		color: #666;
		margin-bottom: 28px;
	}

	.note span {
		color: #eb5f6a;
	}

	.btn-no {
		margin-right: 0.5rem;
		background-color: #ffaf52;
	}

	.btn-no,
	.btn-yes {
		width: 47%;
		font-size: 14px;
		height: 1.75rem;
		border: 0.05rem solid transparent;
		border-radius: 0.2rem;
		padding: 0 0.6rem;
		color: #fff;
		display: inline-block;
	}

	.btn-yes {
		width: 47%;
		font-size: 14px;
		height: 1.75rem;
		border: 0.05rem solid transparent;
		border-radius: 0.2rem;
		padding: 0 0.6rem;
		color: #fff;
		display: inline-block;
	}

	.btn-yes {
		background-color: #ff5900;
	}

	.common-text-color {
		color: #ff5900 !important;
	}

	.share-dialog-content .btn-referral {
		width: 8.9rem;
		background-color: #ff0c2d;
		color: #fff;
		line-height: 2rem;
		height: 2rem;
		margin: auto;
		display: block;
		text-align: center;
		font-size: 16px;
		margin-bottom: 0.9rem;
		border: none;
	}

	.share-dialog-content .share-get-bonus {
		position: relative;
		width: 50%;
		color: #ff5900;
		margin: auto;
		text-align: center;
		height: 0.8rem;
		line-height: 0.8rem;
		font-size: 0.6rem;
	}

	.share-dialog-content .share-icons {
		width: 8rem;
		margin: 1rem auto;
		text-align: center;
	}

	.questionDialog_title_lwdeM {
		font-size: 0.9rem;
		color: #757575;
		font-weight: 400;
		padding: 5px 0px 5px 20px;
	}

	.questionDialog_content_2XsYz {
		background-color: #f0f0f0;
		margin-top: 0.5rem;
		font-size: 0.6rem;
		color: #757575;
		padding: 0.5rem;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 1rem;
	}

	.questionDialog_content_2XsYz .questionDialog_text_1B8ax {
		flex: 1;
		padding: 0px 0px 10px 10px;
	}

	.questionDialog_content_2XsYz .questionDialog_check_eeJMA {
		flex-basis: 1.2rem;
	}

	.questionDialog_footer_36zWm {
		text-align: center;
		margin-top: 0.5rem;
		margin-bottom: 0.7rem;
	}

	.questionDialog_footerBtn_1wQG3 {
		width: 4.75rem;
		height: 1.6rem;
		line-height: 1.6rem;
		font-size: 0.6rem;
		display: inline-block;
		color: #fff;
		cursor: pointer;
		background: #ff5900;
		border-radius: 0.2rem;
		margin-left: 0.5rem;
	}

	.questionDialog_footerBtn_1wQG3 {
		width: 4.75rem;
		height: 1.6rem;
		line-height: 1.6rem;
		font-size: 0.6rem;
		display: inline-block;
		color: #fff;
		cursor: pointer;
		background: #ff5900;
		border-radius: 0.2rem;
		margin-left: 0.5rem;
	}

	.productBox .img {
		width: 140px;
		height: 140px;
	}

	.van-popup--right {
		top: 50%;
		right: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}

	.van-popup {
		position: fixed;
		max-height: 100%;
		overflow-y: auto;
		background-color: #fff;
		-webkit-transition: -webkit-transform 0.3s ease-out;
		transition: -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
		transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
		-webkit-overflow-scrolling: touch;
	}

	.filter-body {
		height: 100%;
		width: 100%;
		position: relative;
		text-align: left;
	}

	.filter-body .header {
		font-weight: 700;
		font-size: 0.7rem;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #ddd;
	}

	.filter-body .header img {
		position: absolute;
		left: 0.6rem;
		height: 16px;
	}

	.filter-body .body {
		margin: 0 0.75rem;
	}

	.filter-body .body .label {
		margin-top: 1rem;
		margin-bottom: 0.2rem;
		font-size: 0.7rem;
		font-weight: 700;
		color: #222;
	}

	.filter-body .body .content {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
	}

	.filter-body .body .content .item {
		position: relative;
		margin-top: 12px;
		background-color: #eee;
		flex: 0 0 47%;
		height: 1.45rem;
		line-height: 1.45rem;
		text-align: center;
		font-size: 0.65rem;
		color: #444;
		border-radius: 0.2rem;
		padding: 0px 1px;
	}

	.filter-body .body .divider {
		padding: 0.5rem 0;
		border-bottom: 1px solid #ddd;
	}

	.selected {
		background-color: #fff !important;
		border: 1px solid #ff5900;
	}

	.filter-body .body .content .item .close {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 16px;
		height: 16px;
	}

	.filter-body .body .price input {
		margin-top: 0.5rem;
		width: 40%;
		text-align: center;
		padding: 0.3rem;
		font-size: 0.56rem;
	}

	.filter-body .footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 2.1rem;
		text-align: center;
		border-top: 1px solid #ddd;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.filter-body .footer .total {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 2rem;
		line-height: 2rem;
		flex: 0 0 24%;
	}

	.filter-body .footer .total .count {
		color: #444;
		line-height: 0.85rem;
		font-size: 0.85rem;
		font-weight: 700;
	}

	.filter-body .footer .total .tag {
		line-height: 0.5rem;
		font-size: 0.5rem;
		color: #999;
	}

	.filter-body .footer .reset {
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
		font-weight: 700;
		color: #ff5900;
		flex: 0 0 38%;
	}

	.filter-body .footer .done {
		flex: 0 0 38%;
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
		font-weight: 700;
		color: #fff;
		background-color: #ffaf5b;
	}

	.index_productList_2R10R {
		padding: 0 0.6rem;
		margin-top: 20px;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_title_29euL {
		margin-bottom: 0.3rem;
		font-size: 0.7rem;
		max-width: 10.3rem;
		color: #444;
		color: #333;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden !important;
	}

	.productItem_box_z4MqD {
		position: relative;
		font-size: 0.88rem;
		border-radius: 0.25rem;
		background: #fff;
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 0.5rem;
	}

	.productItem_box_z4MqD .productItem_img_1ZHbv {
		border-radius: 0.25rem 0 0 0.25rem;
		width: 6.5rem;
		flex-basis: 6.5rem;
		height: 6.5rem;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH {
		padding: 0.4rem;
		flex: 1;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_tag_1uHV2 {
		height: 0.7rem;
		margin-bottom: 0.4rem;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_tag_1uHV2 img {
		height: 0.7rem;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_priceBox_1Hxin .productItem_price_39nBv {
		font-size: 1.2rem;
		font-weight: 700;
		color: #ffaf52;
		vertical-align: middle;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_priceBox_1Hxin .productItem_priceSub__xP-K {
		margin-left: 0.25rem;
		vertical-align: middle;
		font-size: 0.6rem;
		text-decoration: line-through;
		color: #ababab;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_cashback_2MKHR {
		padding: 0.12rem;
		border: 1px solid #ffaf5b;
		border-radius: 0.13rem;
		background: rgba(255, 175, 91, 0.18);
		margin-bottom: 0.4rem;
		font-size: 0.5rem;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_cashback_2MKHR span {
		color: #ffaf5b;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_cart_W5Pad {
		position: absolute;
		right: 0.4rem;
		bottom: 0.1rem;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_cart_W5Pad img {
		width: 1.6rem;
		height: 1.6rem;
	}

	.van-list__error-text,
	.van-list__finished-text,
	.van-list__loading {
		color: #969799;
		font-size: 14px;
		line-height: 50px;
		text-align: center;
	}

	.van-list__placeholder {
		height: 0;
		pointer-events: none;
	}

	.productItem_box_z4MqD .productItem_productTag_2Cy44 {
		height: 0.8rem;
		background: #eb5f6a;
		color: #fff;
		font-weight: 700;
		text-align: center;
		line-height: 0.8rem;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 0.5rem;
		border-radius: 0.2rem 0 0.2rem 0;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_priceBox_1Hxin .productItem_price_39nBv {
		font-size: 1.2rem;
		font-weight: 700;
		color: #ffaf52;
		text-align: left;
		vertical-align: middle;
		/* margin-right: 30px; */
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_tag_1uHV2 {
		height: 0.7rem;
		margin-bottom: 0.8rem;
	}

	.productItem_box_z4MqD {
		position: relative;
		font-size: 0.88rem;
		border-radius: 0.25rem;
		background: #fff;
		height: 8.5rem;
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 0.5rem;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_cashback_2MKHR {
		padding: 0.12rem;
		border: 1px solid #ffaf5b;
		border-radius: 0.13rem;
		background: rgba(255, 175, 91, 0.18);
		margin-bottom: 0.2rem;
		font-size: 0.5rem;
		margin-top: 0.6rem;
		position: absolute;
	}

	.productItem_box_z4MqD .productItem_img_1ZHbv {
		border-radius: 0.25rem 0 0 0.25rem;
		flex-basis: 6.5rem;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH {
		padding: 0.4rem;
		margin-bottom: 20px;
	}

	.productItem_box_z4MqD .productItem_titleBox_z8MeH .productItem_cart_W5Pad img {
		width: 2rem;
		height: 2rem;
	}

	.pagetionPage {
		margin-bottom: 20px;
	}

	.s_item {
		color: #858585;
	}

	.s_item span {
		height: 1.5rem;
		line-height: 1.5rem;
		margin-left: 6px;
	}

	.s_item span:hover {
		color: #ff5900;
	}

	/deep/ .van-image {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.commonDialogSlot_deletBox_1Tm2F .commonDialogSlot_deletIconBox_2ErC- {
		height: 1.8rem;
		background: #ff5900;
		position: relative;
	}

	.commonDialogSlot_deletBox_1Tm2F .commonDialogSlot_deletIconBox_2ErC->i {
		position: absolute;
		width: 1.3rem;
		height: 1.3rem;
		display: block;
		right: 0.35rem;
		top: 50%;
		margin-top: -0.65rem;
		background-color: #fff;
		background: url(https://www.rebatest.com/pingjiayi/App/image/2_03-375.png) 0 0 no-repeat;
		background-size: 1.3rem 1.3rem;
	}

	.commonDialogSlot_deletBox_1Tm2F {
		border-radius: 0.3rem;
		background: rgb(255, 255, 255);
		width: 540px;
		height: 20%;

		@media only screen and (max-width: 900px) {
			width: 16rem;
		}
	}

	.commonDialogSlot_deletIconBox_2ErC {
		height: 1.8rem;
		position: relative;
		background: rgb(255, 89, 0);
	}

	.commonDialogSlot_deletIconBox_2ErC>i {
		position: absolute;
		width: 1.3rem;
		height: 1.3rem;
		display: block;
		right: 0.35rem;
		top: 50%;
		margin-top: -0.65rem;
		background: url(https://www.rebatest.com/pingjiayi/App/image/2_03-375.png) 0px 0px / 1.3rem 1.3rem no-repeat;
	}

	.goApplicationBtn {
		height: 30px;
		line-height: 30px;
		width: 200px;
		color: rgb(255, 255, 255);
		cursor: pointer;
		display: block;
		margin: 20px auto 0px;
		background: rgb(255, 89, 0);
		border-radius: 2px;
	}
</style>
